<template>
	<view class="container">
		<view class="flex justify-between align-center padding">
			<view class="bg-F4F4F4 flex justify-start align-center padding-sm f-grow1 margin-right round">
				<image :src="baseUrl + '/static/search_for.png'" class="margin-right-sm" mode="" style="width: 26rpx;height: 26rpx;"></image>
				<input type="text" class="f-grow1 text-13" value="" placeholder="搜索任务名称" />
			</view>
			<view class="text-df text-333">
				取消
			</view>
		</view>
		<view class="padding-left padding-right padding-bottom-xs padding-top-sm">
			<view class="flex justify-between align-center">
				<view class="text-15 text-bold text-333">
					历史搜索
				</view>
				<view class="cuIcon-delete lg">

				</view>
			</view>
		</view>
		<view class="flex flex-wrap">
			<view class="bg-F4F4F4 round margin-left text-df margin-top-sm" v-for="item in 6" style="padding: 18rpx 28rpx;">
				方案设计
			</view>
		</view>
		<view class="padding-left padding-right padding-bottom-xs padding-top">
			<view class="flex justify-between align-center">
				<view class="text-15 text-bold text-333">
					热门推荐
				</view>
				<!-- <view class="cuIcon-delete lg">
		
				</view> -->
			</view>
		</view>
		<view class="flex flex-wrap">
			<view class="bg-F4F4F4 round margin-left text-df margin-top-sm" v-for="item in 6" style="padding: 18rpx 28rpx;">
				方案
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: this.$config.baseUrl
			};
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		background: #fff;
		min-height: 100vh;
	}
</style>
